@media screen and (max-width:1600px){
	.header{ padding: 16px 50px 12px;}
	.commonwr{ width: 80%; padding-right: 0; margin-left: -40%;}
	.honors{ width: 80%; margin-left: 0; left: 15%;}
	.qualificatein1 .honors{ left: 5%;}
	.honorbann{ width: calc(100% + 10px); margin-left: -5px;}
	.news-banner{ width: calc(100% + 46px);}
	.footer-box .commonwr{ width: 1250px; margin: auto;}
	.teamimg{ width: 36%;}
	.teamfix{ width: 60%;}
}
@media screen and (max-width:1450px){
	.btext{ margin-top: -142px;}
	.btext small{ font-size: 18px;}
	.btext h3{ font-size: 56px;}
	.btext p{ font-size: 14px;}
	.btext b{ margin-top: 50px;}
	.titles h3{ font-size: 40px; margin-bottom: 12px;}
	.titles small{ font-size: 16px;}
	.enterdown{ margin-top: 20px;}
	.enterdown p{ font-size: 14px;}
	.enter{ margin-top: -215px;}
	.datas{ margin-top: 20px;}
	.datainfo p b, .datainfo p i{ font-size: 50px;}
	.video{ margin-top: 40px;}
	.ptext{ margin-top: -46px;}
	.ptext small{ font-size: 18px; margin-bottom: 14px;}
	.ptext h3{ font-size: 60px;}
	.history-box{ padding-top: 78px;}
	.historyfix{ margin-top: 50px;}
	.recuitetops{ padding: 100px 0;}
	.busineesbox{ padding: 56px 30px 70px;}
	.businessview{ padding: 78px 0;}
	.busitext{ padding-bottom: 78px;}
	.businet{ font-size: 26px; margin-bottom: 30px;}
	.dynamic-box{ padding: 100px 0;}
	.dymaniclist{ margin-top: 50px;}
	.staff-box{ padding: 100px 0;}
	.viewtext h3{ font-size: 24px; margin-bottom: 20px;}
	.maps{ height: 500px;}
	.teamwr{ min-height: 180px;}
	.teamimg{ width: 32%;}
	.teamlist{ bottom: 80px;}
	.closs{ top: 20px;}
	.pc-banner{ padding: 70px 0 50px;}
	.more{ margin-top: 8%;}
}
@media screen and (max-width:1350px){
	.nav{ margin-left: -295px;}
	.nav >li{ margin-left: 30px;}
	.staff{ width: 90%;}
	.staffli{ width: calc(100% + 44px); margin-left: -22px;}
}
@media screen and (max-width:1280px){
	.titles h3{ font-size: 28px;}
	.enter{ margin-top: -195px;}
	.enterdown{ margin-top: 20px;}
	.enterdown p{ font-size: 13px;}
	.datainfo p b, .datainfo p i{ font-size: 56px;}
	.footer-box .commonwr{ width: 90%;}
	.faddress{ margin-left: 40px;}
	.addressinfo{ margin-left: 50px;}
	.ptext{ margin-top: -39px;}
	.ptext h3{ font-size: 46px;}
	.leader{ width: calc(90% + 24px);}
	.leader .slick-arrow.slick-prev{ left: -20px;}
	.leader .slick-arrow.slick-next{ right: -20px;}
	.dynamic{ width: 90%;}
	.teamwrbox{ position: relative; width: 90%; left: 0; margin: auto; top: 0; opacity: 1; visibility: visible;}
	.temabg{ margin-bottom: 30px; filter: blur(0px);}
	.teamimg{ width: 42%;}
	.teamfix{ width: 52%;}
	.teamlist{ left: auto; margin-left: 0; right: 5%; margin-right: 70px;}
}
@media screen and (max-width:1240px){
	.inner{ width: 90%;}
	.btext{ margin-left: -45%;}
	.addressinfo{ width: 250px;}
	.ptext{ margin-left: -45%;}
	.recuites{ width: 90%;}
	.selects{ width: 20%; box-sizing: border-box; height: 47px; line-height: 47px;}
	.research{ width: 35%;}
	.research .text{ width: 100%; height: 47px; line-height: 47px; box-sizing: border-box;}
	.errorwr{ margin-left: -45%;}
	.branch-box{ overflow: hidden;}
    .honorlist{ width: calc(100% + 40px);}
    .viewtext{ margin-left: -45%;}
}
@media screen and (max-width:1200px){
	.nav{ margin-left: -216px;}
	.nav >li{ margin-left: 22px;}
	.flogo{ width: 200px;}
	.faddress{ margin-left: 30px;}
	.public img{ width: 100px; padding: 10px;}
	.organizate{ width: 90%;}
	.brandimg{ display: none;}
	.brandlist .brandinfo{ width: 48.5%; padding-top: 0; position: relative; left: 0; top: 0; float: left; margin-bottom: 22px;}
.brandinfo:nth-child(2n+2){ float: right;}
    .brandtext{ position: relative; left: 0; top: 0; opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
    .brandinfo .dit,.brandtext:before{ display: none;}
    .brandtext{ box-sizing: border-box; width: 100%;}
    .businessli{ padding-bottom: 20px;}
    .businessli li{ width: 33.333333%;}
}
@media screen and (max-width:1100px){
	.history{ width: 90%;}
}
@media screen and (max-width:1024px){
	.wrapper{ position: relative;}
	.header-box{ border-bottom: none; box-shadow: 0 0 6px rgba(0,0,0,0.3);}
	.header{ padding: 14px 5%; box-sizing: border-box; width: 100%; background: #fff; z-index: 5; position: relative;}
	.nav{ display: none;}
	.headershare{ display: none;}
	.menubtn{ display: block;}
	.logo img.show{ display: none;}
	.logo img.hide{ opacity: 1; visibility: visible; position: relative;}
	.wrapper{ height: auto;}
	.logo{ width: 180px;}
	.nav-panel{ display: none;}
	.btext h3{ font-size: 42px; margin-bottom: 28px;}
	.btext p{ max-width: 100%;}
	.btext small{ font-size: 16px; margin-bottom: 14px;}
	.btext b{ margin-top: 38px;}
	.btext{ margin-top: -90px;}
	.banner .slick-dots{ bottom: 38px;}
	.wrapper .page{ height: auto !important;}
	.enter-box{ padding: 55px 0;}
	.banner{ position: relative;}
	.enter{ position: relative; top: 0; margin-top: 0; width: 90%; margin-left: -45%;}
	.titles,.enterdown,.datainfo,.video,.honordata,.honorbann,.more,.consultateli li,.consultele, .consulteri,.news-banner{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0s;}
	.qualificatein{ position: static; width: 100%; padding: 50px 0;}
	.honors{ width: 90%; margin: auto; position: relative; top: 0; left: 0;}
	.honortop{ margin-bottom: 56px;}
	.honordata span b,.honordata span i{ font-size: 52px;}
	.qualificatein1 .honors{ left: 0;}
	.consutatebann{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.commonwr{ position: relative; width: 90%; margin-left: -45%; top: 0; margin-top: 0; padding: 55px 0;}
	.consultedown{ margin-top: 150px;}
	.consultefix{ margin-top: 40px;}
	.consultateli li{ width: 25% !important; margin-bottom: 30px; margin-left: 0 !important;}
	.consutatebann .slick-list,.consutatebann .slick-track{ height: 100%;}
	.consultes{ height: 100%;}
	.footer-box .commonwr{ padding: 0;}
	.flogo{ margin-top: 0;}
	.faddress{ width: 100%; margin-left: 0; margin-top: 30px;}
	.addressinfo{ width: 48%; margin-left: 0;}
	.addressinfo:nth-child(2){ float: right;} 
	.public{ float: left;}
	.footerdown p{ font-size: 16px;}
	.pbanner{ margin-top: 68px;}
	.ptext{ margin-top: -32px;}
	.ptext small{ font-size: 16px; margin-bottom: 10px;}
	.ptext h3{ font-size: 38px;}
	.leval-menus{ width: 100%; overflow-x: scroll; overflow-y: hidden;}
	.leval-list{ display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.leval-list li a{ width: 110px; height: 54px; line-height: 54px; font-size: 14px;}
	.introduct-box{ padding: 56px 0;}
	.title2 strong{ font-size: 24px;}
	.title2 small{ font-size: 14px;}
	.historyfix{ margin-top: 38px;}
	.historyli{ padding-top: 50px; padding-bottom: 78px;}
	.historywrd{ padding: 30px 28px;}
	.historywrd strong{ font-size: 28px; margin-bottom: 14px;}
	.history-box{ background-attachment: local;}
	.recuitetops p{ width: 90%; font-size: 18px;}
	.selects{ width: 48.5%; margin-right: 0; margin-bottom: 16px;}
	.selects:nth-child(2n+2){ float: right;}
	.research{ width: 48.5%;}
	.recuitedc{ margin-top: 20px;}
	.recuite-box{ padding: 65px 0; overflow: hidden; background-attachment: local;}
	.popwr{ box-sizing: border-box; width: 100%; min-height: 100%; left: 0; margin-left: 0; padding: 38px 5%; top: 0; margin-top: 0;}
    .cuclose{ background: url(../images/close2.png) center no-repeat; right: 20px; top: 20px;} 
    .leader-box{ padding: 100px 0; background-attachment: local;}
    .curtop{ padding: 38px 0 22px; margin: 0 30px;}
    .curtop strong{ font-size: 20px; margin-bottom: 6px;}
    .curtop small{ font-size: 22px;}
    .branch-box{ padding: 50px 0 32px;}
    .honorbox{ padding: 45px 0;}
    .mores{ padding-top: 20px;}
    .honorbox{ background-attachment: local;}
    .businessview{ width: 90%; padding: 50px 0;}
    .newsitem{ width: 50%; margin-bottom: 30px;}
    .dynamic-box{ padding: 50px 0; background-attachment: local;}
    .dymaniclist{ margin-top: 20px;}
    .staffli{ width: calc(100% + 20px); margin-left: -10px;}
    .staffli li{ margin-bottom: 22px;}
    .staffli li a{ margin: 0 10px;}
    .staffli li a span{ height: 56px; line-height: 56px;}
    .staff-box{ padding: 56px 0; background-attachment: local;}
    .viewbox{ margin-top: 68px;}
    .viewtext{ margin-top: -31px;}
    .addressbox{ padding: 65px 0;}
    .adree{ margin-top: 50px;}
    .addressbox .titles h3{ font-size: 25px;}
    .maps{ height: 400px;}
    .teamlist { position: relative; right: 0; bottom: 0; margin: auto; margin-top: 20px;} 
    .tealdown{ position: relative; margin-top: 30px;}
    .teamimg{ margin-left: 0;}
    .cost-box{ padding: 50px 0; background-attachment: local;}
    .constbox{ margin-left: 280px;}
    .constle span{ margin-bottom: 50px;}
    .constle strong{ font-size: 38px;}
    .constle small{ font-size: 18px;}
    .constle{ height: 240px;}
    .pc-banner{ padding: 50px 0 38px;}
}
@media screen and (max-width:861px){
	.historyli li{ margin-top: 50px;}
	.studylist{ padding-bottom: 20px;}
	.recuitett{ padding-left: 20px;}
	.recuitett span.span2,.recuitett span.span3{ display: none;}
	.recuitett span.span4{ float: right; margin-right: 20px;}
	.recuiteintop{ padding-left: 30px;}
	.recuiteintop span.span2,.recuiteintop span.span3{ display: none;}
	.recuiteintop span.span4{ float: right; margin-right: 28px;}
	.recuitedown{ padding: 22px 30px 40px;}
	.cultures{ padding: 50px 0;}
	.culturelist li figure{ width: 100%;}
	.culturetext{ width: 100%; padding: 45px 0;}
	.curtop{ padding-top: 0;}
	.honorlist{ width: 100%; margin-top: 30px; margin-left: 0;}
	.honorlist li{ width: 48.5%;}
	.honorlist li figure{ margin: 0;}
	.honorlist li:nth-child(2n+2){ float: right;}
	.businessli li{ width: 50%;}
	.constbox{ float: left; margin-left: 0; width: 100%; margin-top: 30px;}
	.constle span{ margin-bottom: 38px;}
	.constle strong{ font-size: 26px;}
	.constle small{ font-size: 16px;}
	.constle{ margin-top: 0; padding-top: 30px; height: 220px;}
} 
@media screen and (max-width:751px){
	.datainfo{ margin-right: 50px;}
	.datainfo p b, .datainfo p i{ font-size: 45px;}
	.footerdown p{ width: 100%;}
	.footerdown a{ float: left;}
	.dito{ display: none;} 
	.historyfix:before{ display: none;}
	.historyli{ padding-top: 0;}
	.historyli li{ width: 100%; margin-top: 30px;} 
	.historywrd{ margin-left: 0;}
	.historywrd b{ display: none;}
	.historyli li.history2 .historywrd{ margin-right: 0;}
	.history-box{ padding-top: 45px;}
	.brandlist .brandinfo{ width: 100%;}
	.swiper-slide{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); margin: 0;}
	.swiper-slide a{ padding: 0;}
	.swiper-slide img{ width: 100%; border-radius: 0px;}
	.swiper-button-prev{ left: 22px;}
	.swiper-button-next{ right: 22px;}
	.swiper-container{ margin-bottom: 30px;}
}
@media screen and (max-width:641px){
	.btext h3{ font-size: 32px; margin-bottom: 18px;}
	.btext b{ width: 40px; height: 40px;}
	.enterle{ width: 100%;}
	.video{ width: 100%;}
	.consultedown{ margin-top: 50px;}
	.consultefix{ margin-top: 28px;}
	.consultele{ padding-top: 0; width: 100%; margin-bottom: 28px;}
	.consultele p{ font-size: 14px;}
	.consulteri{ float: left;}
	.news-banner{ width: 100%; margin-left: 0;}
	.newsitem a{ margin: 0;}
	.news-banner .slick-arrow.slick-prev{ right: 32px;}
	.news-banner .slick-arrow.slick-next{ right: 0;}
	.addressinfo{ width: 100%;}
    .addressinfo:nth-child(2){ display:none;}
	.faddress{ margin-top: 10px; margin-bottom: 20px;}
	.footertop{ padding: 32px 0;}
	.banner .slick-dots li button{ width: 32px;}
	.ptext{ margin-top: -23px;}
	.ptext small{ font-size: 14px; margin-bottom: 6px;}
	.ptext h3{ font-size: 26px;}
	.introduct-box{ padding: 0;}
	.introduct{ width: 100%;}
	.introductwr{ padding: 38px 5%;}
	.introductfix{ margin-top: 30px;}
	.introductfix p, .introductfix a{ font-size: 14px;}
	.introductfix strong{ font-size: 20px;}
	.leval-list li a{ width: 104px; height: 46px; line-height: 46px;}
	.recuitetops{ padding: 50px 0;}
	.poptitle{ margin-bottom: 35px;}
	.row{ width: 100%;}
	.filebox{ position: relative; margin-top: 12px; right: 0; top: 0;}
	.leader .slick-arrow.slick-prev{ left: 0;}
	.leader .slick-arrow.slick-next{ right: 0;}
	.organizate{ padding: 50px 0;}
	.businet{ font-size: 22px; margin-bottom: 22px;}
	.newsitem{ width: 100%;}
	.dymaniclist li time{ line-height: 50px;}
	.dymaniclist li span{ margin-right: 20px; height: 50px; line-height: 50px; margin-left: 87px; font-size: 14px;}
	.dymaniclist li a:before{ display: none;}
	.dymaniclist{ margin-bottom: 30px;}
	.dynamic-box{ padding: 38px 0;}
	.staffli li{ width: 50%;}
	.staffli{ padding-bottom: 20px;}
	.viewbox figure img{ height: 200px; position: relative; left: 50%; width: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
	.adreesin{ width: 100%; margin-left: 0; margin-top: 28px;}
	.adreesin:first-child{ margin-top: 0;}
	.addressbox .titles h3{ font-size: 20px;}
	.adree{ margin-top: 30px;}
	.maps{ height: 360px;}
	.teambanner{ padding-top: 38px;}
	.teamfix{ margin-top: 0;}
	.teamwr{ padding: 24px 22px;}
	.closs{ top: 50px; right: 12px; display: none;}
	.cost-box{ padding: 38px 0;}
	.constbox p{ font-size: 14px;}
	.constle{ padding-left: 22px; box-sizing: border-box; width: 100%;}
	.button div{ width: 34px; height: 34px; margin-top: -18px;}
    .honorlist li{ width:100%;} 
	.honorlist li span{ min-height:auto;}
	.enterdown a{ margin-top: 20px;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.header{ padding: 10px 5%;}
	.logo{ width: 140px;}
	.menubtn span{ margin-top: 15px;}
	.btext h3{ font-size: 28px;}
	.enter-box{ padding: 38px 0;}
	.titles h3{ font-size: 28px;}
	.enterdown{ margin-top: 28px;}
	.video{ margin-top: 28px;}
	.honordata{ margin-top: -10px;}
	.honordata span b,.honordata span i{ font-size: 46px;}
	.honordata span{ margin-bottom: 5px;}
	.more{ margin-top: 26px;}
	.consultateli li span{ margin-top: 20px; font-size: 14px;}
	.qualificatein,.commonwr{ padding: 38px 0;}
	.honorbann .slick-dots{ margin-left: 6px;}
	.pbanner{ margin-top: 52px;} 
	.historyli{ padding-bottom: 45px;}
	.recuitetops p{ font-size: 16px;}
	.recuite-box{ padding: 38px 0;}
	.selects{ width: 100%;}
	.research{ width: 100%;}
	.recuitett span,.recuiteintop span{ width: auto !important;}
	.recuiteintop span{ height: 54px; line-height: 54px;}
	.rowsub .sub{ width: 120px; height: 45px; line-height: 45px; font-size: 16px;}
	.leader-box{ padding: 50px 0;}
	.cultures{ padding: 38px 0;}
	.culturetext{ padding: 32px 0;}
	.curdown{ margin: 0 20px; padding-top: 30px;}
	.curtop strong{ font-size: 18px;}
	.curtop small{ font-size: 20px;}
	.branch-box{ padding: 38px 0 20px;}
	.brandtext{ padding: 10px;}
	.brandtext figure{ width: 130px;}
	.brandfix{ margin-left: 150px;}
	.honorlist li{ margin-bottom: 20px;}
	.footerdown p{ font-size: 14px;}
	.busineesbox{ padding: 38px 5%;}
	.businessli li{ width: 100%; margin-bottom: 20px;}
	.businessli li a{ margin: 0;}
	.pages a{ width: 34px; height: 32px; line-height: 32px; font-size: 13px; margin-left: 5px;}
	.backlist{ display: none;}
	.busitext{ padding-bottom: 35px;}
	.previous{ margin-top: 20px;}
	.busitext p, .busitext a{ font-size: 14px;}
	.staff-box{ padding: 38px 0;}
	.staffli li a span{ height: 45px; line-height: 45px; font-size: 14px;}
	.viewtext h3{ font-size: 20px;}
	.businessview{ padding: 38px 0;}
	.viewbox{ margin-top: 51px;}
	.teamlist{ width: 90%;}
	.teamlist .slick-arrow.slick-prev{ left: 0;}
	.teamlist .slick-arrow.slick-next{ right: 0;}
	.teamwrs{ margin: 0 5px;}
	.teamlist .slick-arrow{ display: none !important;}
	.teamimg,.teamfix{ width: 100%;}
	.teamimg img{ width: 60%; margin: auto;}
	.teamde li a{ width: 120px; height: 54px; line-height: 54px; font-size: 13px;} 
	.pc-banner{ padding: 38px 0;}
	.swiper-slide.swiper-slide-active span{ line-height: 50px; font-size: 13px;}
	
} 
@media screen and (max-width:400px){
	.recuitetops{ padding: 36px 0;}
}
@media screen and (max-width:350px){
	.pages a{ width: 30px; height: 30px; line-height: 30px; margin-left: 3px;}
}